<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="style/animate.css" />
		<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		body{
			text-align: center;
		/*width: 320px;*/
		min-width: 320px;
		margin-top: 10%;
		background: url(img/bgimage.jpg) no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		height: 568px;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		overflow: hidden;
		background-color: #000;
		}
		.box1{
			width: 500px;
			height: 500px;
			display: inline-block;
			z-index: 1;
			position: relative;
		}
		.box1 img{
			float: left;
		}
		.box1 img:nth-of-type(1){
			width:235px;
			animation: diyige .5s cubic-bezier(.56,.3,.89,-0.05) ;
		}
		@-webkit-keyframes diyige{
			0%{
				opacity: 0;
				-webkit-transform: translate(-500px,-500px);
				-moz-transform: translate(-500px,-500px);
				-ms-transform: translate(-500px,-500px);
				-o-transform: translate(-500px,-500px);
				transform: translate(-500px,-500px);
			}
			30%{
				opacity: 0.3;
				-webkit-transform: translate(-400px,-400px);
				-moz-transform: translate(-400px,-400px);
				-ms-transform: translate(-400px,-400px);
				-o-transform: translate(-400px,-400px);
				transform: translate(-400px,-400px);
			}
	   100%{
				opacity: 1;
				-webkit-transform: translate(0);
				-moz-transform: translate(0);
				-ms-transform: translate(0);
				-o-transform: translate(0);
				transform: translate(0);
			}
			
		}
		.box1 img:nth-of-type(2){
			width:500px;
			position: absolute;
			top: 0;
			left: 0;
			animation: dierge .8s cubic-bezier(.56,.3,.89,-0.05) ;
			
		}
		@-webkit-keyframes dierge{
			0%{
				opacity: 0;
				-webkit-transform: translate(-500px,500px);
				-moz-transform: translate(-500px,500px);
				-ms-transform: translate(-500px,500px);
				-o-transform: translate(-500px,500px);
				transform: translate(-500px,500px);
			}
			30%{
				opacity: 0.3;
				-webkit-transform: translate(-400px,-400px);
				-moz-transform: translate(-400px,400px);
				-ms-transform: translate(-400px,400px);
				-o-transform: translate(-400px,400px);
				transform: translate(-400px,400px);
			}
	   100%{
				opacity: 1;
				-webkit-transform: translate(0);
				-moz-transform: translate(0);
				-ms-transform: translate(0);
				-o-transform: translate(0);
				transform: translate(0);
			}
			
		}
		.box1 img:nth-of-type(3){
			width:100px;
			position: absolute;
			top: 170px;
			left: 0;	
			animation: disange 1s cubic-bezier(.56,.3,.89,-0.05);
			
		}
		@-webkit-keyframes disange{
			0%{
				opacity: 0;
				-webkit-transform: translate(500px,500px);
				-moz-transform: translate(500px,500px);
				-ms-transform: translate(500px,500px);
				-o-transform: translate(500px,500px);
				transform: translate(500px,500px);
			}
			30%{
				opacity: 0.3;
				-webkit-transform: translate(400px,400px);
				-moz-transform: translate(400px,400px);
				-ms-transform: translate(400px,400px);
				-o-transform: translate(400px,400px);
				transform: translate(400px,400px);
			}
	   100%{
				opacity: 1;
				-webkit-transform: translate(0);
				-moz-transform: translate(0);
				-ms-transform: translate(0);
				-o-transform: translate(0);
				transform: translate(0);
			}
			
		}
		.box1 img:nth-of-type(4){
			width:56px;
			position: absolute;
			top: 191px;
			left: 22px;	
			animation: disige 2s cubic-bezier(.56,.3,.89,-0.05);
		}
		@-webkit-keyframes disige{
			0%{
				opacity: 0;
				-webkit-transform: translate3d(250px,0,0) scale3d(5, 5, 5);
    				transform:translate3d(250px,0,0) scale3d(5, 5, 5);
			}
			50%{
				opacity: 0;
				-webkit-transform: translate3d(250px,0,0) scale3d(5, 5, 5);
    				transform:translate3d(250px,0,0) scale3d(5, 5, 5);
			}
			
	   100%{
				opacity: 1;
				-webkit-transform:translate3d(0,0,0) scale3d(1, 1, 1);
    				transform:translate3d(0,0,0) scale3d(1, 1, 1);
			}
			
		}
		
		.box1 img:nth-of-type(5){
			width:134.5px;
			position: absolute;
			top: 0px;
			left: 195px;	
			z-index: 1;
			animation: diwuge 1s cubic-bezier(.56,.3,.89,-0.05);
		}
		@-webkit-keyframes diwuge{
			0%{
				opacity: 0;
				-webkit-transform: translate(1000px,1000px);
				-moz-transform: translate(1000px,1000px);
				-ms-transform: translate(1000px,1000px);
				-o-transform: translate(1000px,1000px);
				transform: translate(1000px,1000px);
			}
			30%{
				opacity: 0.3;
				-webkit-transform: translate(500px,500px);
				-moz-transform: translate(500px,500px);
				-ms-transform: translate(500px,500px);
				-o-transform: translate(500px,500px);
				transform: translate(500px,500px);
			}
	   100%{
				opacity: 1;
				-webkit-transform: translate(0);
				-moz-transform: translate(0);
				-ms-transform: translate(0);
				-o-transform: translate(0);
				transform: translate(0);
			}
			
		}
		.box1 img:nth-of-type(8){
			width:118.5px;
			position: absolute;
			top: 115px;
			left: 115px;	
			animation: dibage 1s cubic-bezier(.56,.3,.89,-0.05);
		}
		@-webkit-keyframes dibage{
			0%{
				opacity: 0;
				-webkit-transform: translate(-1000px,-500px);
				-moz-transform: translate(-1000px,-500px);
				-ms-transform: translate(-1000px,-500px);
				-o-transform: translate(-1000px,-500px);
				transform: translate(-1000px,-500px);
			}
			30%{
				opacity: 0.3;
				-webkit-transform: translate(-400px,-400px);
				-moz-transform: translate(-400px,-400px);
				-ms-transform: translate(-400px,-400px);
				-o-transform: translate(-400px,-400px);
				transform: translate(-400px,-400px);
			}
	   100%{
				opacity: 1;
				-webkit-transform: translate(0);
				-moz-transform: translate(0);
				-ms-transform: translate(0);
				-o-transform: translate(0);
				transform: translate(0);
			}
			
		}
		.box1 img:nth-of-type(11){
			width:385px;
			position: absolute;
			top: 170px;
			left: 115px;	
			z-index: 2;		
			animation: disige 2s cubic-bezier(.56,.3,.89,-0.05);
		}
		@-webkit-keyframes dishiyige{
			0%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(5, 5, 5);
    				transform:translate3d(-500px,0,0) scale3d(5, 5, 5);
			}
			50%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(5, 5, 5);
    				transform:translate3d(-500px,0,0) scale3d(5, 5, 5);
			}
			
	   100%{
				opacity: 1;
				-webkit-transform:translate3d(0,0,0) scale3d(1, 1, 1);
    				transform:translate3d(0,0,0) scale3d(1, 1, 1);
			}
			
		}
		.box1 img:nth-of-type(9){
			width:30px;
			height: 40px;
			position: absolute;
			top: 205px;
			left: 140px;	
			z-index: 2;	
			animation: disige 2s cubic-bezier(.56,.3,.89,-0.05);	
			}
			@-webkit-keyframes dijiuge{
			0%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(5, 5, 5);
    				transform:translate3d(-500px,0,0) scale3d(5, 5, 5);
			}
			50%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(5, 5, 5);
    				transform:translate3d(-500px,0,0) scale3d(5, 5, 5);
			}
			
	   100%{
				opacity: 1;
				-webkit-transform:translate3d(0,0,0) scale3d(1, 1, 1);
    				transform:translate3d(0,0,0) scale3d(1, 1, 1);
			}
			
		}
			.box1 img:nth-of-type(6){
			width:63px;
			position: absolute;
			top: 0px;
			left: 267px;	
			z-index: 1;
			animation: diliuge 1s cubic-bezier(.56,.3,.89,-0.05);
		}
		@-webkit-keyframes diliuge{
			0%{
				opacity: 0;
				-webkit-transform: translate(500px,-500px);
				-moz-transform: translate(500px,-500px);
				-ms-transform: translate(500px,-500px);
				-o-transform: translate(500px,-500px);
				transform: translate(500px,-500px);
			}
			30%{
				opacity: 0.3;
				-webkit-transform: translate(400px,-400px);
				-moz-transform: translate(400px,-400px);
				-ms-transform: translate(400px,-400px);
				-o-transform: translate(400px,-400px);
				transform: translate(400px,-400px);
			}
	   100%{
				opacity: 1;
				-webkit-transform: translate(0);
				-moz-transform: translate(0);
				-ms-transform: translate(0);
				-o-transform: translate(0);
				transform: translate(0);
			}
			
		}
		.box1 img:nth-of-type(7){
			width:500px;
			position: absolute;
			bottom: 0;
			left: 0;	
			animation: diqige 0.7s cubic-bezier(.56,.3,.89,-0.05);
			
		}
		@-webkit-keyframes diqige{
			0%{
				opacity: 0;
				-webkit-transform: translate(500px,-500px);
				-moz-transform: translate(500px,-500px);
				-ms-transform: translate(500px,-500px);
				-o-transform: translate(500px,-500px);
				transform: translate(500px,-500px);
			}
			30%{
				opacity: 0.3;
				-webkit-transform: translate(400px,-400px);
				-moz-transform: translate(400px,-400px);
				-ms-transform: translate(400px,-400px);
				-o-transform: translate(400px,-400px);
				transform: translate(400px,-400px);
			}
	   100%{
				opacity: 1;
				-webkit-transform: translate(0);
				-moz-transform: translate(0);
				-ms-transform: translate(0);
				-o-transform: translate(0);
				transform: translate(0);
			}
			
		}
		.box1 img:nth-of-type(10){
			width:365px;
			height: 210px;
			position: absolute;
			top: 292px;
			left: 135px;	
			z-index: 1;
			animation: diqige 1s cubic-bezier(.56,.3,.89,-0.05);
		}
		@-webkit-keyframes dishige{
			0%{
				opacity: 0;
				-webkit-transform: translate(500px,-500px);
				-moz-transform: translate(500px,-500px);
				-ms-transform: translate(500px,-500px);
				-o-transform: translate(500px,-500px);
				transform: translate(500px,-500px);
			}
			30%{
				opacity: 0.3;
				-webkit-transform: translate(400px,-400px);
				-moz-transform: translate(400px,-400px);
				-ms-transform: translate(400px,-400px);
				-o-transform: translate(400px,-400px);
				transform: translate(400px,-400px);
			}
	   100%{
				opacity: 1;
				-webkit-transform: translate(0);
				-moz-transform: translate(0);
				-ms-transform: translate(0);
				-o-transform: translate(0);
				transform: translate(0);
			}
			
		}
		.box1 img:nth-of-type(15){
			width:70px;
			height: 142px;
			position: absolute;
			top: 185px;
			left: 195px;	
			z-index: 1;
			animation: disige 2s cubic-bezier(.56,.3,.89,-0.05);
		}
		@-webkit-keyframes dishiwuge{
			0%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(5, 5, 5);
    				transform:translate3d(-500px,0,0) scale3d(5, 5, 5);
			}
			50%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(5, 5, 5);
    				transform:translate3d(-500px,0,0) scale3d(5, 5, 5);
			}
			
	   100%{
				opacity: 1;
				-webkit-transform:translate3d(0,0,0) scale3d(1, 1, 1);
    				transform:translate3d(0,0,0) scale3d(1, 1, 1);
			}
			
		}
		.box1 img:nth-of-type(12){
			width:83px;
			position: absolute;
			bottom: 0;
			left: 140px;	
			z-index: 1;
			animation: dishierge 3s cubic-bezier(.68,.19,1,-0.39);
		}
		@-webkit-keyframes dishierge{
			0%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10);
			}
			30%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10);
			}
			
	   100%{
				opacity: 1;
				-webkit-transform:translate3d(0,0,0) scale3d(1, 1, 1);
    				transform:translate3d(0,0,0) scale3d(1, 1, 1);
			}
			
		}
		.box1 img:nth-of-type(13){
			width:73px;
			position: absolute;
			bottom: 0;
			left: 233px;	
			z-index: 1;
			animation: dishierge 3.4s cubic-bezier(.68,.19,1,-0.39);
		}
		@-webkit-keyframes dishierge{
			0%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10);
			}
			30%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10);
			}
			
	   100%{
				opacity: 1;
				-webkit-transform:translate3d(0,0,0) scale3d(1, 1, 1);
    				transform:translate3d(0,0,0) scale3d(1, 1, 1);
			}
			
		}
		.box1 img:nth-of-type(14){
			width:60px;
			position: absolute;
			bottom: 0;
			left: 318px;	
			z-index: 1;
			animation: dishierge 3.8s cubic-bezier(.68,.19,1,-0.39);
		}
		@-webkit-keyframes dishierge{
			0%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10);
			}
			30%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10);
			}
			
	   100%{
				opacity: 1;
				-webkit-transform:translate3d(0,0,0) scale3d(1, 1, 1);
    				transform:translate3d(0,0,0) scale3d(1, 1, 1);
			}
			
		}
		.box1 img:nth-of-type(16){
			width:41px;
			position: absolute;
			bottom: 0;
			left: 390px;	
			z-index: 1;
			animation: dishierge 4.2s cubic-bezier(.68,.19,1,-0.39);
		}
		@-webkit-keyframes dishierge{
			0%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10);
			}
			30%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10);
			}
			
	   100%{
				opacity: 1;
				-webkit-transform:translate3d(0,0,0) scale3d(1, 1, 1);
    				transform:translate3d(0,0,0) scale3d(1, 1, 1);
			}
			
		}
		.box1 img:nth-of-type(17){
			width:55px;
			position: absolute;
			bottom: 0;
			left: 445px;	
			z-index: 1;
			animation: dishierge 4.6s cubic-bezier(.68,.19,1,-0.39);
		}
		@-webkit-keyframes dishiqige{
			0%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10);
			}
			/*30%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10);
			}
			80%{
				opacity: 0;
				-webkit-transform: translate3d(-500px,0,0) scale3d(10, 10, 10) rotateZ(0);
    				transform:translate3d(-500px,0,0) scale3d(10, 10, 10) rotateZ(0);
			}*/
			
	   100%{
				opacity: 1;
				-webkit-transform:translate3d(0,0,0) scale3d(1, 1, 1) rotateZ(360deg);
    				transform:translate3d(0,0,0) scale3d(1, 1, 1) rotateZ(360deg);
			}
			
		}
		.liuxing{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0px;
			
		}
		.liuxing img:nth-of-type(1){
			width: 300px;
			position: absolute;
			top: 10%;
			right: -40%;
			animation:lvseliuxing 3s linear 4s infinite;
		}
		.liuxing img:nth-of-type(2){
			width: 300px;
			position: absolute;
			top: 70%;
			right:-40%;
			animation:huangseliuxing 3s linear 4s infinite;
		}
		.liuxing img:nth-of-type(3){
			width: 350px;
			position: absolute;
			top: 30%;
			left: -40%;
			animation:hongseliuxing 3s linear 4s infinite;
		}
		.liuxing img:nth-of-type(4){
			width: 300px;
			position: absolute;
			top: 8%;
			right: -40%;
			animation:lvseliuxing 3s linear 3s infinite;
		}
		.liuxing img:nth-of-type(5){
			width: 300px;
			position: absolute;
			top: 60%;
			right:-40%;
			animation:huangseliuxing 3s linear 3s infinite;
		}
		.liuxing img:nth-of-type(6){
			width: 350px;
			position: absolute;
			top: 25%;
			left: -40%;
			animation:hongseliuxing 3s linear 3s infinite;
		}
		.liuxing img:nth-of-type(7){
			width: 300px;
			position: absolute;
			top: 15%;
			right: -40%;
			animation:lvseliuxing 3s linear 2s infinite;
		}
		.liuxing img:nth-of-type(8){
			width: 300px;
			position: absolute;
			top: 80%;
			right:-40%;
			animation:huangseliuxing 3s linear 2s infinite;
		}
		.liuxing img:nth-of-type(9){
			width: 350px;
			position: absolute;
			top: 40%;
			left: -40%;
			animation:hongseliuxing 3s linear 2s infinite;
		}
		.liuxing img:nth-of-type(10){
			width: 300px;
			position: absolute;
			top: 0;
			right: -40%;
			animation:lvseliuxing 3s linear 0s infinite;
		}
		.liuxing img:nth-of-type(11){
			width: 300px;
			position: absolute;
			top: 80%;
			right:-40%;
			animation:huangseliuxing 3s linear 0s infinite;
		}
		.liuxing img:nth-of-type(12){
			width: 350px;
			position: absolute;
			top: 0;
			left: -40%;
			animation:hongseliuxing 3s linear 0s infinite;
		}
		
		@-webkit-keyframes hongseliuxing{
			0%{
				opacity: 0.3;
				-webkit-transform: translate(0,0) ;
				-moz-transform: translate(0,0) ;
				-ms-transform: translate(0,0) ;
				-o-transform: translate(0,0) ;
				transform: translate(0,0) ;
			}
			50%{
				opacity: 1;
				-webkit-transform: translate(200%,200%) ;
				-moz-transform: translate(200%,200%) ;
				-ms-transform: translate(200%,200%) ;
				-o-transform: translate(200%,200%) ;
				transform: translate(200%,200%) ;
			}
			100%{
				opacity: 0;
				-webkit-transform: translate(300%,300%) ;
				-moz-transform: translate(300%,300%) ;
				-ms-transform: translate(300%,300%) ;
				-o-transform: translate(300%,300%) ;
				transform: translate(300%,300%) ;
			}
		}
		@-webkit-keyframes lvseliuxing{
			0%{
				opacity: 0.3;
				-webkit-transform: translate(0,0) ;
				-moz-transform: translate(0,0) ;
				-ms-transform: translate(0,0) ;
				-o-transform: translate(0,0) ;
				transform: translate(0,0) ;
			}
			50%{
				opacity: 1;
				-webkit-transform: translate(-250%,250%) ;
				-moz-transform: translate(-250%,250%) ;
				-ms-transform: translate(-250%,-250%) ;
				-o-transform: translate(250%,250%) ;
				transform: translate(-250%,250%) ;
			}
			100%{
				opacity: 0;
				-webkit-transform: translate(-500%,500%) ;
				-moz-transform: translate(-500%,500%) ;
				-ms-transform: translate(-500%,500%) ;
				-o-transform: translate(-500%,500%) ;
				transform: translate(-500%,500%) ;
			}
		}
		@-webkit-keyframes huangseliuxing{
			0%{
				opacity: 0.3;
				-webkit-transform: translate(0,0) ;
				-moz-transform: translate(0,0) ;
				-ms-transform: translate(0,0) ;
				-o-transform: translate(0,0) ;
				transform: translate(0,0) ;
			}
			50%{
				opacity: 1;
				-webkit-transform: translate(250%,-250%) ;
				-moz-transform: translate(-250%,-250%) ;
				-ms-transform: translate(-250%,-250%) ;
				-o-transform: translate(-250%,-250%) ;
				transform: translate(-250%,-250%) ;
			}
			100%{
				opacity: 0;
				-webkit-transform: translate(-500%,-500%) ;
				-moz-transform: translate(-500%,-500%) ;
				-ms-transform: translate(-500%,-500%) ;
				-o-transform: translate(-500%,-500%) ;
				transform: translate(-500%,-500%) ;
			}
			
		}
		.sanjiao{
			position: absolute;
			bottom: 10%;
			left: 50%;
			animation: sanjiao 1s linear infinite;
		}
		@-webkit-keyframes sanjiao{
			0%{
				-webkit-transform: translateY(0);
				-moz-transform: translateY(0);
				-ms-transform: translateY(0);
				-o-transform: translateY(0);
				transform: translateY(0);
			}
			50%{
				-webkit-transform: translateY(20px);
				-moz-transform: translateY(20px);
				-ms-transform: translateY(20px);
				-o-transform: translateY(20px);
				transform: translateY(20px);
			}
			100%{
				-webkit-transform: translateY(0);
				-moz-transform: translateY(0);
				-ms-transform: translateY(0);
				-o-transform: translateY(0);
				transform: translateY(0);
			}
		}
		.yinyue{
			
			position: absolute;
			bottom: 2%;
			right: 2%;
			-webkit-animation: yinyue 1.5s linear infinite;
			
		}
		@-webkit-keyframes yinyue{
			from{
				
				-webkit-transform: rotateZ(0deg);
				-moz-transform: rotateZ(0deg);
				-ms-transform: rotateZ(0deg);
				-o-transform: rotateZ(0deg);
				transform: rotateZ(0deg);
			}
			to{
				
				-webkit-transform: rotateZ(360deg);
				-moz-transform: rotateZ(360deg);
				-ms-transform: rotateZ(360deg);
				-o-transform: rotateZ(360deg);
				transform: rotateZ(360deg);
			}
		}
		.yinyue img{
			width: 50%;
		}
		</style>
	</head>
	<body>
		<audio src="music/Shiftone_1.18.mp3" control autoplay loop></audio>
		<div>
			<div class="box1">
				<img src="img/red_bg.png" alt="" />
				<img src="img/blue_bg.png"/>
				<img src="img/s_blue_d.png"/>
				<img src="img/baise-D.png"/>
				<img src="img/s_green.png"/>
				<img src="img/s_gary_top.png"/>
				<img src="img/yellow_bg.png"/>
				<img src="img/s_gary_jiao.png"/>
				<img src="img/s_red_dian.png"/>
				<img src="img/s_blue_di.png"/>
				<img src="img/r_am.png" alt="" />
				<img src="img/m.png"/>
				<img src="img/a.png"/>
				<img src="img/k.png"/>
				<img src="img/e.png"/>
				<img src="img/e.png"/>
				<img src="img/r.png"/>
			</div>
			<div class="liuxing">
				<img src="img/star_green.png"/>
				<img src="img/star_yellow.png"/>
				<img src="img/star_red.png"/>
				<img src="img/star_green.png"/>
				<img src="img/star_yellow.png"/>
				<img src="img/star_red.png"/>
				<img src="img/star_green.png"/>
				<img src="img/star_yellow.png"/>
				<img src="img/star_red.png"/>
				<img src="img/star_green.png"/>
				<img src="img/star_yellow.png"/>
				<img src="img/star_red.png"/>
				
			</div>
			<div class="sanjiao">
				<img src="img/button_next.png"/>
			</div>
			<div class="yinyue">
				<img src="img/music_img.png" alt="" />
			</div>
			
		</div>
		
	</body>
</html>
